<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/commen.css">
    <link rel="stylesheet" href="./lib/swiper//swiper-bundle.min.css">
    <link rel="stylesheet" href="./lib/font_6asf2dko6d/iconfont.css">
    <link rel="stylesheet" href="./lib/font_4759xvmy6yo/iconfont.css">
    <!-- <link rel="stylesheet" href="./css/index.css"> -->
    <link rel="stylesheet" href="./css/header&footer.css">
    <link rel="stylesheet" href="./css/API_index.css">
</head>

<body>

    <!-- 头部 -->

    <header class="clear container-con ">
        <img src="./imgs/logo-white.png" alt="源码大数据" class="log fl  mt20 ml30">
        <ul class="abs fl nav font14">
            <li><a href="./index.html">首页</a></li>
            <li><a href="#" class="active">API</a></li>
            <li><a href="./customer.html">案例</a></li>
        </ul>
        <!-- 登录注册 -->
        <div class="right-box fr mr30 font12">
            <a href="#">登录</a>
            <a href="#" class="reg">注册有礼</a>
        </div>
    </header>


    <!-- api分类选择 -->
    <div id="apiType" class="container">
        <h2>API分类</h2>
        <div></div>
    </div>
    <!-- 搜索框 -->
    <div id="api-select" class="container clearfix">
        <span class="fl font12">全部</span>
        <!-- 修改 form表单 input+button   -->
        <form action="" class="fl">
            <input type="text" placeholder="身份证实名" class="font12">
            <button class="iconfont icon-sousuo"></button>
        </form>

    </div>
    <!-- api所有分类 -->
    <div id="api-all-type" class="container">
        <ul class="type-list disfl juscont-spabt"></ul>
    </div>

    <!-- 分页器 -->
    <div id="api-page" class="container clearfix tcenter">
        <div class="clearfix">
            <ul class="api-page-list fl">
                <li class="active">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>

            </ul>
            <p class="fl">......</p>
            <a class="fl">下一页>></a>
        </div>


    </div>
    <!-- 侧边栏 -->
    <div id="aside">
        <ul class="fl">
            <li class="rel">
                <div class="abs iconfont 24gl-phoneLoudspeaker icon-24gl-phoneLoudspeaker"></div>
                <a class="abs font14" href="">电话</a>
                <p class="abs font30">1234567</p>

            </li>
            <li class="rel">
                <div class="iconfont icon-QQ abs"></div><a class="abs font14" href="">QQ</a>
            </li>
            <li class="rel">
                <div class="iconfont icon-zixun abs"></div><a class="abs font14" href="">咨询</a>
            </li>

        </ul>
    </div>



    <!-- 页脚 -->
    <footer>
        <div id="foot" class="container clearfix rel">
            <div class="clearfix mt30">
                <ul class="disfl foot-right juscont-spabt fl">
                    <li class="font12 bgb3">

                        <dt>联系与支持</dt>
                        <dd>400-882-7715</dd>
                        <dd>售前咨询</dd>
                        <dd>客服&售后</dd>
                        <dd>常见问题</dd>
                        <dd>极速工单</dd>
                        <dd>投诉与建议</dd>

                    </li>
                    <li class="font12 bgb3">
                        <dl>
                            <dt>关于源码</dt>
                            <dd>合作伙伴</dd>
                            <dd>服务条款</dd>
                            <dd>隐私政策</dd>
                            <dd>市场合作</dd>
                            <dd>反商业贿赂声明</dd>
                        </dl>
                    </li>
                    <li class="font12 bgb3">
                        <dl>
                            <dt>快速入口</dt>
                            <dd>API数据</dd>
                            <dd>黑钻会员</dd>
                            <dd>新闻动态</dd>
                            <dd>联系我们</dd>
                            <dd>加入我们</dd>
                        </dl>
                    </li>
                    <li class="font12 bgb3">
                        <dl>
                            <dt>产品服务</dt>
                            <dd>云监测</dd>
                            <dd>云查询</dd>
                            <dd>云助手</dd>
                            <dd>聚盒子</dd>
                            <dd>云充值</dd>
                        </dl>
                    </li>
                    <li class="font12 bgb3">
                        <dl>
                            <dt>解决方案</dt>
                            <dd>数字中台</dd>
                            <dd>慧集：API生命周期管理</dd>
                            <dd>有赢：助力企业营销</dd>

                        </dl>
                    </li>
                </ul>
                <div class="foot-left fr">
                    <p>微信公众号</p>
                    <p class="font12 bgb3">源码时代</p>
                    <p class="mt30"><img src="../ymBD/imgs/wechat-white.png" alt=""></p>
                </div>
            </div>

            <div class="record container bgb3">
                <p>
                    <img src="../ymBD/imgs/bei2.png" alt="">
                    <img src="../ymBD/imgs/bei1.png" alt="">
                    增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
                    <span class="fr">
                        源码大数据股份有限公司©版权所有
                    </span>
                </p>




            </div>

            <!-- <div id="returnTop" class="abs tcenter">
                <div> </div>
            </div> -->
        </div>
    </footer>



    <!-- <script src="./lib/swiper/swiper-bundle.min.js"></script> -->
    <script src="./js/API_index.js"></script>


</body>

</html>